<template>
    <div class="error-style" v-show="props.error">
       {{props.error}}
    </div>
</template>

<script setup lang="ts">
const props =defineProps({
    error:String
})
</script>

<style scoped lang="scss">
.error-style{
      @apply  rounded-md  bg-pink-500  text-white  text-xs px-2 py-1 mt-2
 }
</style>